.hero-text{text-align:center;background:var(--accent);padding:5px;width:max-content;max-width:100%;margin:auto;color:#fff}.hero-text:before{content:"";width:0;height:0;border-top:19px solid transparent;border-right:12px solid var(--accent);border-bottom:19px solid transparent;position:absolute;top:-1px;left:-12px}.hero-text:after{content:"";width:0;height:0;border-top:19px solid transparent;border-left:12px solid var(--accent);border-bottom:19px solid transparent;position:absolute;top:-1px;right:-12px}